<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>----Index----</title>
<link rel="stylesheet" title="Disabled for Preview-in-Browser: style.css" type="text/css" />
<style type="text/css">
<!--

/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#FFFFFF url(images/pies-de-pagina_bg.gif) bottom repeat-x;
}


a:hover{text-decoration:none;}

a img { border:0;}
img {vertical-align:top;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Georgia, tahoma; 
		font-size:11px;
		line-height:17px;
		color:#868686;		
	}

input, select { vertical-align:middle; font-weight:normal;}
strong {font-size:12px; color:#444444;}

a {color:#3d6f92; font-size:12px;}

/*main layout */
.h_logo{ height:92px; width:100%;}

#header_tall {background:url(images/header_tall.gif) top repeat-x;}

#main { margin:0 auto;}

#header .left {padding:26px 0 0 0;}
#header .right {padding:46px 11px 0 0;}
#header .right a {color:#868686; font-family:arial; font-size:12px; background:url(images/RSS.gif) no-repeat top right; padding:0 29px 2px 0;}

#menu {background:url(images/menu_tall.gif) top repeat-x; height:65px;}
#menu .rightbg {background:url(images/menu_right.gif) top right no-repeat;}
#menu .leftbg {background:url(images/menu_left.gif) top left no-repeat; width:100%; height:65px;}
#menu .padding {padding:9px 0;}
#menu li {float:left; width:123px; background:url(images/menu_libg.gif) top right repeat-y; font-size:12px; text-align:center;  display:block;}
#menu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:12px; display:block; padding:8px 0 5px 0;}
#menu li span{ display:block; padding:8px 0 5px 0;}
#menu li a:hover {color:#000000; text-decoration:underline;}
#menu li span {color:#000000; text-decoration:underline;}
#menu .last {background:none;}

#header .content {background:url(images/header_bg.jpg) top left no-repeat; padding:45px 60px 28px 414px; color:#ffffff;}
#header .content .text {padding:2px 0 33px 2px;}
#header .content a img {float:right;}


#middle { width:100%;}


#pies-de-pagina .indent {padding:23px 0 0 17px; color:#868686; font-size:12px;}
#pies-de-pagina a {color:#444444; font-weight:bold;}


.border {background:url(images/border_tall.gif) top repeat-x;}
.border .btall {background:url(images/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(images/border_tall.gif) left repeat-y;}
.border .rtall {background:url(images/border_tall.gif) right repeat-y;}
.border .tleft {background:url(images/border_tl.gif) top left no-repeat;}
.border .tright {background:url(images/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(images/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(images/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}
.border a img {float:right;}


.h_text {padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}

.more {text-align:right;}
.more a{background:url(images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold;}

.date {background:url(images/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}

li { color:#3d6f92;}
li a {color:#3d6f92; font-size:11px;}

.bot_line {background:url(images/h_text_bg.gif) bottom repeat-x;}
.b_text {color:#3d6f92;}
/* index */

#index #middle .indent {padding:17px 0 19px 0;}
#index #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .column3 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .p1 {padding:1px 0 7px 0;}
#index #middle .columns2 {padding:21px 0 0 0;}
#index #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;}
#index #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;}
#index #middle .columns2 .column1 .p1 {padding:7px 0 15px 0;}
#index #middle .columns2 .column2 .content {padding:10px 0 15px 0;}
#index #middle .columns2 .column2 .p1 {padding:2px 0 1px 0;}


/* index-1 */

#index_1 #middle .indent {padding:17px 0 20px 0;}
#index_1 #middle .column1 .padding1 {padding:16px 20px 0 16px;}
#index_1 #middle .column1 .padding1 .content{padding:14px 0 27px 1px;}
#index_1 #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#index_1 #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#index_1 #middle .column1 .padding2 {padding:36px 20px 0 16px;}
#index_1 #middle .column1 .padding2 .content{padding:16px 0 0 1px;}
#index_1 #middle .cols .more {margin-top:-19px;}
#index_1 #middle .cols .p1 {padding:21px 0 1px 0;}

#index_1 #middle .cols {padding:14px 0 0 0;}

#index_1 #middle .column2 .padding{padding:9px 13px 3px 15px;}
#index_1 #middle .column2 ul li {font-weight:bold;}
#index_1 #middle .column2 .p1 {padding:1px 0 8px 0;}
#index_1 #middle .column2 .p2 {padding:12px 0 17px 0;}
#index_1 #middle .column2 .p3 {padding:17px 0 17px 0;}


/* index-2 */

#index_2 #middle .indent {padding:17px 0 20px 0;}
#index_2 #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;}
#index_2 #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#index_2 #middle .columns1 .column1 ul {margin-bottom:7px;}
#index_2 #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#index_2 #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;}
#index_2 #middle .columns2 {padding:21px 0 0 0;}
#index_2 #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;}
#index_2 #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;}
#index_2 #middle .columns2 .column1 .p1 {padding:8px 0 10px 0;}
#index_2 #middle .columns2 .column1 .p2 {padding:0 0 4px 0;}
#index_2 #middle .columns2 .column2 .content {padding:7px 0 15px 0;}
#index_2 #middle .columns2 .column2 ul {margin-bottom:1px;}

/* index-3 */

#index_3 #middle .indent {padding:17px 0 20px 0;}
#index_3 #middle .column1 .padding1 {padding:16px 15px 0 23px;}
#index_3 #middle .column1 .padding1 .content{padding:5px 0 5px 1px;}
#index_3 #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd {padding:14px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd2 {padding:10px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd3 {padding:13px 0 0 0;}
#index_3 #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#index_3 #middle .column1 .padding2 {padding:36px 20px 0 16px;}
#index_3 #middle .column1 .padding2 .content{padding:16px 0 0 1px;}
#index_3 #middle .cols .more {margin-top:-19px;}
#index_3 #middle .cols .p1 {padding:21px 0 1px 0;}

#index_3 #middle .cols {padding:14px 0 0 0;}

#index_3 #middle .column2 .padding{padding:9px 13px 8px 15px;}
#index_3 #middle .column2 .p1 {padding:1px 0 11px 0;}
#index_3 #middle .column2 .p2 {padding:12px 0 11px 0;}
#index_3 #middle .column2 .p3 {padding:13px 0 6px 0;}


/* index-4 */

#index_4 #middle .indent {padding:17px 0 20px 0;}
#index_4 #middle .column1 .padding1 {padding:16px 22px 0 16px;}
#index_4 #middle .column1 .padding1 .content{padding:14px 0 34px 1px;}
#index_4 #middle .column1 .padding1 .more {padding:0 2px 0 0; line-height:12px;}

#index_4 #middle .column1 .padding2 {padding:34px 23px 0 16px;}
#index_4 #middle .column1 .padding2 .content{padding:6px 0 0 1px;}
#index_4 #middle .column1 .padding2 .more {margin-top:9px;}

#index_4 #middle .column2 .padding{padding:9px 13px 3px 15px;}
#index_4 #middle .column2 .margin .padding{padding:9px 12px 2px 15px;}
#index_4 #middle .column2 ul {margin:0 0 2px 1px;}
#index_4 #middle .column2 .margin {padding-top:6px;}
#index_4 #middle .column2 .p1 {padding:0 0 8px 0;}


/* index-5*/

#index_5 #middle .indent {padding:17px 0 20px 0;}
#index_5 #middle .columns1 .column1 .padding{padding:9px 13px 16px 15px;}
#index_5 #middle .columns1 .column2 .padding{padding:9px 13px 0 15px;}
#index_5 #middle .columns1 .column1 ul {margin-bottom:7px;}
#index_5 #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#index_5 #middle .columns1 a{color:#868686; font-size:11px; text-decoration:none;}
#index_5 #middle .columns1 a:hover {text-decoration:underline;}
#index_5 #middle .columns1 .column2 strong{font-size:11px;}

#index_5 #middle .columns2 {padding:22px 0 0 0;}
#index_5 #middle .columns2 .padding {padding:14px 15px 0 17px;}
#index_5 #middle .columns2 .p1 {padding:14px 0 10px 0;}
#index_5 #middle .columns2 .p2 {padding:0 0 4px 0;}

#form .column1 {width:183px;}
#form .column2 {width:521px;}

form .row {height:25px;}
form .row1 {height:34px;}

.input {width:171px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-family:tahoma; line-height:13px; color:#a4a4a4;}
textarea {width:516px; height:68px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-family:tahoma; line-height:13px; color:#a4a4a4;}
form .div {text-align:right; padding:6px 0 0 0;}

/* index-6 */

#index_6 #middle .indent {padding:33px 15px 17px 17px;}
#index_6 #middle .p1 {padding:6px 0 0 0;}


-->
</style>
<link rel="stylesheet" title="Disabled for Preview-in-Browser: layout.css" type="text/css" />
<style type="text/css">
<!--


#main { width:738px;}

#header {height:468px;}

#pies-de-pagina { height:61px;}

.column1, .column2, .column3, .indent_column, .col1, .col2, .col3, .ind_col {float:left;}

/* index */

#index .columns1 .column1 {width:241px;}
#index .columns1 .column2 {width:242px;}
#index .columns1 .column3 {width:241px;}
#index .columns1 .indent_column {width:7px;}

#index .ver_line { background:url(images/ver_line.gif) repeat-y 493px 0; width:100%;}
#index .columns2 .column1 {width:493px;}
#index .columns2 .column2 {width:245px;}

/* index-1 */

#index_1 #middle .column1 {width:496px;}
#index_1 #middle .column2 {width:241px;}

#index_1 .col1 {width:206px;}
#index_1 .col2 {width:207px;}
#index_1 .ind_col {width:42px;}


/* index-2 */

#index_2 .columns1 .column1 {width:490px;}
#index_2 .columns1 .column2 {width:241px;}
#index_2 .columns1 .indent_column {width:7px;}

#index_2 .ver_line { background:url(images/ver_line.gif) repeat-y 493px 0; width:100%;}
#index_2 .columns2 .column1 {width:493px;}
#index_2 .columns2 .column2 {width:245px; background:url(images/ver_line.gif) left repeat-y;}

/* index-3 */

#index_3 #middle .column1 {width:496px;}
#index_3 #middle .column2 {width:241px;}

#index_3 .col1 {width:206px;}
#index_3 .col2 {width:207px;}
#index_3 .ind_col {width:42px;}

/* index-4 */

#index_4 #middle .column1 {width:496px;}
#index_4 #middle .column2 {width:241px;}

#index_4 .col1 {width:206px;}
#index_4 .col2 {width:207px;}
#index_4 .ind_col {width:42px;}

/* index-5 */

#index_5 .columns1 .column1 {width:241px;}
#index_5 .columns1 .column2 {width:490px;}
#index_5 .columns1 .indent_column {width:7px;}

-->
</style>
<script src="maxheight.js" type="text/javascript"></script>
</head>

<body id="index_2" onload="new ElementMaxHeight();">
	<div id="header_tall">
		<div id="main">
			<!--header -->
			<div id="header">
				<div class="h_logo">
						<div class="left">
						<img alt="" src="images/logo.jpg" /><br />
					</div>
					<div class="right">
						<a href="#">RSS</a>				</div>
					<div class="clear"></div>
				</div>
				<div id="menu">
					<div class="rightbg">
						<div class="leftbg">
							<div class="padding">
								<ul>
									<li><a href="index.html">About us</a></li>
									<li><a href="index-1.html">Solutions</a></li>
									<li><span>Products</span></li>
									<li><a href="index-3.html">Clients</a></li>
									<li><a href="index-4.html">Services</a></li>
									<li class="last"><a href="index-5.html">Contacts</a></li>
								</ul>
								<br class="clear" />
							</div>
						</div>
					</div>
				</div>
				<div class="content">
					<img alt="" src="images/header_t1.jpg" /><br />
					<img alt="" src="images/header_t2.jpg" /><br />
					<div class="text">
						Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris.<br />
					</div>
					<a href="#"><img alt="" src="images/header_click_here.jpg" /></a><div class="clear"></div>
				</div>
			</div>
			<!--header end-->
			<div id="middle"><div><a href="http://www.eplantillasweb.com/" style="color: #FFFFFF; float:right" onMouseOver="this.style.textDecoration = 'none'" onMouseOut="this.style.textDecoration = 'none'">plantillas web</a> </div>
				<div class="indent">
					<div class="columns1">
						<div class="column1">
							<div class="border">
								<div class="btall">
									<div class="ltall">
										<div class="rtall">
											<div class="tleft">
												<div class="tright">
													<div class="bleft">
														<div class="bright">
															<div class="ind">
																<div class="h_text">
																	<img alt="" src="images/3-t1.jpg" /><br />
																</div>
																<div class="padding">
																	<strong>Lorem ipsum dolor sit am</strong><br />
																	<p class="p1">
																		Cectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris. Phasellus porta. Fusce suscipit.									</p>
																<ul >
																			<li>- <a href="#">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.</a></li>
																			<li>- <a href="#">Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at.</a></li>
																		</ul>
																	<a href="#"><img alt="" src="images/click_here.gif" /></a><br />
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="indent_column">&nbsp;</div>
						<div class="column2">
							<div class="border">
								<div class="btall">
									<div class="ltall">
										<div class="rtall">
											<div class="tleft">
												<div class="tright">
													<div class="bleft">
														<div class="bright">
															<div class="ind">
																<div class="h_text">
																	<img alt="" src="images/3-t2.jpg" /><br />
																</div>
																<div class="padding">
																	<strong>Quisque nulla. Vestibulum libero nislisque nulla.</strong><br />
																	<p class="p1">
																		Socis natoque penatibus et magnis dis parient montes, nascetur ridicu- lus eugiat malsuada rbi nunc odio.<br />
																	</p>
																	<a href="#"><img alt="" src="images/click_here.gif" /></a><br />
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="clear"></div>
					</div>
				<div class="columns2">
					<div class="ver_line">
						<div class="column1">
							<div class="padding">
								<img alt="" src="images/3-t3.gif" /><br />
								<p class="p1">
									<img alt="" src="images/3-p1.jpg" style="margin-right:20px; float:left;" />
									<strong class="b_text">Lorem ipsum dolor sit aectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris.</strong><br /><br />
									Montes, nascetur ridiculus muulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique<br class="clear" />
								</p>
								<p class="p2">
									<strong>Lorem ipsum dolor sit am.</strong><br />
									Cectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonum my hendrerit mauris. Phasellus porta. Fusce suscipit.								</p>
								<div class="more"><a href="#">learn more</a></div>
							</div>
						</div>
						<div class="column2">
							<div class="padding">
								<img alt="" src="images/3-t4.gif" /><br />
								<div class="content">
									<ul >
										<li>- <a href="#">Maecenas ttique o ultricies paret.</a></li>
										<li>- <a href="#">Doec accumsanlesuada.</a></li>
										<li>- <a href="#">Donec sit amet eros.</a></li>
										<li>- <a href="#">Lorem ipsum.</a></li>
										<li>- <a href="#">Edolor sit at, consectetuer.</a></li>
										<li>- <a href="#">Mauris entum dictum magna.</a></li>
										<li>- <a href="#">Sed laoreet aliquam leo.</a></li>
										<li>- <a href="#">Ut tellus dolor, dapibus eget.</a></li>
										<li>- <a href="#">Aenean auctor wisi et urna.</a></li>
										<li>- <a href="#">Aliquam erat volutpat. </a></li>
									</ul>
								</div>
								<div class="more"><a href="#">view all products</a></div>
							</div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			</div>
			<!--pies-de-pagina -->
			<div id="pies-de-pagina">
				<div class="indent">
					&copy;2008 Solutions Online &bull; <a href="index-6.html">Privacy Policy</a>
				</div>
			</div>
			<!--pies-de-pagina end-->
		</div>
	</div>
</body>
</html>